<template>
  <div class="containers">
    <div class="rightCon">
        <ul>
          <li>
            <router-link to="/enterprise">
              <img src="http://www.juyike.cn/Public/Home/images/peple01.png" alt="">
              <h3>走进聚益科</h3>
              <p>做财富管理行业的引领者和推动者、<br>做卓越的有益于社会的投资人</p>
            </router-link>
          </li>
          <li>
            <router-link to="/follow">
              <img src="http://www.juyike.cn/Public/Home/images/peple02.png" alt="">
              <h3>关注聚益科</h3>
              <p>厚德、诚信、进取、共享</p>
            </router-link>
          </li>
          <li style="border:none">
            <router-link to="/meet">
              <img src="http://www.juyike.cn/Public/Home/images/peple03.png" alt="">
              <h3>聚首聚益科</h3>
              <p>为客户、为员工、为股东、<br>为社会创造价值</p>
            </router-link>
          </li>
        </ul>
      
    </div>

  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";

export default {
  name: "Home",
  components: {
    HelloWorld,
  },
};
</script>
<style lang="less" scoped>
.containers{
  width: 100%;
  height: 100vh;
  background: url(http://www.juyike.cn/Public/Home/images/homeBg.jpg);
  background-size: cover;
  .rightCon {
    width: 87.5%;
    min-width: 1050px;
    left: 12.5%;
    position: absolute;
    top: 0;
    ul{
      display:flex;
      justify-content: space-between;
      width: 100%;
      height: 100%;
      li{
        list-style: none;
        border-right: 1px solid #ccc;
        width: 35%;
        a{
          width: 100%;
          text-decoration: none;
          img{width: 100%;height: 100%;position: relative;top: 5%;}
          h3{
            color: #edc108;
            top: 35%;
            text-shadow: 2px 2px 5px #666;
            font-size: 38px;
            font-weight: bold;
            clear: both;
            position: absolute;
            width: 33%;
            text-align: center;
          }
          p{
              color: #fff;
              top: 45%;
              font-size: 20px;
              text-shadow: 1px 1px 2px #333;
              position: absolute;
              width: 33%;
              text-align: center;
          }
        } 
      }
    }
  }
}
</style>
